<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>商品列表</title>
  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
  <meta content="yes" name="apple-mobile-web-app-capable"/>
  <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
  <meta content="telephone=no" name="format-detection"/>
  <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  <script src="__STATIC__/layer/layer.js"></script>
</head>
<body>
<!--顶部城市列表-->
<div>
    <a href="{:url('Changestore/index')}">{if condition="$city eq ''"}城市{else /}{$city}{/if}</a>
</div>
<div>
  经：<input type="text" name='lng' readonly="readonly" value="">
  纬：<input type="text" name='lat' readonly="readonly" value="">
</div>
<!--顶部城市列表-->

<!--顶部导航区 start-->
    <div>
        {foreach name="category" item="v1"}
              <a href="{:url('GoodsList/goods_list')}?cate_id={$v1.id}" {if condition="$cate_id eq $v1.id"} style="border:1px solid red;" {/if}>{$v1.title}</a>
        {/foreach}
        <a href="{:url('GoodsList/get_cash_coupon_list')}" {if condition="$cash_coupon eq 1"} style="border:1px solid red;" {/if}>代金券</a>
    </div>
    <div>
        {if condition="$cash_coupon eq 0"}
        <a href="{:url('GoodsList/goods_list')}?cate_id={$cate_id}" {if condition="$exp_cate eq ''"} style="border:1px solid red;" {/if}>全部</a>
        {else /}
        <a href="{:url('GoodsList/get_cash_coupon_list')}">全部</a>
        {/if}
        {foreach name="exp_category" item="v2"}
              <a href="{:url('GoodsList/goods_list')}?cate_id={$cate_id}&exp_cate={$v2.id}" {if condition="$exp_cate eq $v2.id"} style="border:1px solid red;" {/if}>{$v2.title}</a>
        {/foreach}
    </div>
<!--顶部导航区 end-->

<!--商品展示区 start-->
<div>
  <div>
    {foreach name="goods" item="v"}
        {if condition="$cash_coupon eq 0"}
            <a href="{:url('GoodsList/goods_detail')}?id={$v.id}">
                {if condition="!empty($v.sign)"}
                <P style="color:red;">
                    {$v.sign}
                </P>
                {/if}
                <img src="{$v.logo}" width="100px;" height="100px;">
                <p>{$v.name}</p>
                <p>￥{$v.price}/{$v.unit}</p>
            </a>
            <p><a href="#">立即购买</a>&nbsp;&nbsp;<a href="javascript:;" onclick="pre_addto_cart({$v.id});">加入购物车</a></p>
        {else /}
            <a href="#">
                <img src="{$v.logo}" width="100px;" height="100px;">
                <p>{$v.name}</p>
                <p>￥{$v.price}/{$v.unit}</p>
            </a>
            <p><a href="#" onclick="buy_cash_coupon({$v.id})">立即购买</a>
            <p><a href="{:url('GoodsList/buy_cash_coupon')}?id={$v.id}" >立即购买</a>
        {/if}
    {/foreach}
  </div>
    <form action="{:url('GoodsList/buy_cash_coupon')}" method="post" id="form1">
        <input type="text" name="pay_type" value="2">
        <input type="text" name="id" value="54">
        <input type="submit" name="submit" value="提交">
    </form>
</div>
<!--商品展示区 end-->

<!--分页区 start-->
<div>
  {$page}
</div>
<!--分页区 end-->


</body>
</html>

<!--<script type="text/javascript" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js "></script>-->
<script>
//    var option = '';
//    var geolocation = new qq.maps.Geolocation("SCIBZ-DHYCX-RQZ4A-ZZB2V-2VHPH-N4FUM", "服务端地图地址解析API");
//    geolocation.getLocation(get_location,get_location_error,option)//成功函数必须有，失败函数可以不用
//    /**
//     * 成功获取地理位置
//     */
//    function get_location(option) {
//        var lng = option['lng'];    //经度
//        var lat = option['lat'];    //纬度
//        $('input[name=lng]').val(lng);
//        $('input[name=lat]').val(lat);
////        window.location.href = "{:url('Index/get_store_list')}?lng="+lng+"&lat="+lat;
//
//    }
//    /**
//     * 获取地理位置失败
//     */
//    function get_location_error(){
//        $('input[name=lng]').val('0');
//        $('input[name=lat]').val('0');
////        window.location.href = "{:url('Index/get_store_list')}?lng=0&lat=0";
//    }
//
//    /**
//     * 获取门店列表
//     */
//    function get_store_list(obj){
//        var lng = $('input[name=lng]').val();
//        var lat = $('input[name=lat]').val();
//        var city_key = $(obj).attr('data-key');   //城市id
//        //查询城市列表
//        window.location.href = "{:url('Index/get_store_list')}?lng="+lng+"&lat="+lat+"&city_key="+city_key;
//    }

    /**
     * 加入购物车
     * @param  id
     */
    function pre_addto_cart(id){
        var objurl = "{:url('GoodsList/pre_addto_cart')}?id="+id;
        layer.open({
            type: 2,
            title: '加入购物车',
            shadeClose: true,
            shade: [0.5, '#666'],
            maxmin: true, //开启最大化最小化按钮
            area: ['100px', '100px'],
            content: objurl
        });
    }

    /**
     * 购买代金券
     * id:  代金券的id
     */
    function buy_cash_coupon(id){
        var objurl = "{:url('GoodsList/buy_cash_coupon')}?id="+id;
        layer.open({
            type: 2,
            title: '购买代金券',
            shadeClose: true,
            shade: [0.5, '#666'],
            maxmin: true, //开启最大化最小化按钮
            area: ['600px', '500px'],
            content: objurl
        });
    }

</script>